<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>position demo</title>
  <link rel="stylesheet" type="text/css" href="css/base.css">
  <style>
   .card{
    background-color: #ccc;
   }
  .icon{
    width: 70px;
    height: 70px;
    background-color: yellow;
    float: left;
    margin: 5px;
  }
  .desc{
    width: 100px;
    height: 70px;
     margin: 5px 5px 5px 80px;
    background-color: green;
  }

  </style>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!-- <script src="http://code.jquery.com/jquery-1.9.1.js"></script> -->
</head>
<body>
    <div class="card sclearfix">
      <div class="icon">icon</div>
      <div class="desc">desc</div>
    </div>
    <input type="button" value="xx" id="btn">
<script>
$(function(){
  $("div").bind("click",function(){
    $("body").append("<p>click</p>")
  });
  $("div").bind("click.plugin",function(){
    $("body").append("<p>mouseover</p>")
  });
  // $("div").bind("dblclick",function(){
  //   $("body").append("<p>dbclick</p>")
  // });

  $("#btn").click(function(){
    // $("div").unbind(".plugin");
    // $("div").unbind("click").unbind("mouseover");  
    // $("div").trigger("click");
    $("div").trigger("click!");
  });
});

</script>
</body>
</html>